<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>维修保养</title>
    <!--<script src="../lib/flexible/flexible.css.js" type="text/javascript" charset="utf-8"></script>-->
    <!--<script src="../lib/flexible/flexible.js" type="text/javascript" charset="utf-8"></script>-->

    <link rel="stylesheet" type="text/css" href="../lib/weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/jquery-weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/res.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css?v=1"/>

    <script src="../lib/fastclick.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript' src='../js/swiper.js' charset='utf-8'></script>

</head>

<body ontouchstart>
<div class="weui-tab">
    <!--底部导航栏-->
    <div class="weui-tabbar" style="postion:fixed;left:0;bottom:0;z-index:1000;">
        <a href="main.html" class="weui-tabbar__item weui-bar__item--on">

            <div class="weui-tabbar__icon">
                <img src="images/menu-1-Home@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">主页</p>
        </a>
        <a href="carSource.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/menu-2-cheyuan-sel@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">车源</p>
        </a>
        <a href="service.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/menu-3-fuwu-sel@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">服务</p>
        </a>
        <a href="user.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/menu-4-geren-sel@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">个人</p>
        </a>
    </div>
    <!--底部导航栏 end-->
    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">


            <!--幻灯片-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                </div>
                <!-- If we need pagination -->
                <div class="swiper-pagination ta-c"></div>
            </div>
            <!--幻灯片 end-->

            <div class="weui-panel weui-panel_access bt-0 b-b-20">
                <div class="weui-panel__hd weui-media-box weui-media-box_appmsg">
                    <!--<div class="cosmetology-item-hd">-->
                    <!--<img class="weui-media-box__thumb" src="images/Cosmetology-pic-1@2x.png">-->
                    <!--</div>-->
                    <div class="weui-media-box__bd">
                        <div class="weui-media-box__title c-33 cosmetology-item-bd-desc f-16">
                            酷码汽车维修中心 普洗（轿车）
                        </div>
                        <div class="f-14 cosmetology-item-bd-desc">
                            济南市历下区某某街道
                            <span class="c-red fr f-16">￥99.9</span>
                        </div>

                    </div>
                </div>
                <div class="weui-panel__bd weui-cells f-16">
                    <div class="weui-cell">

                        <div class="weui-cell__bd c-33 ">
                            服务项目
                        </div>
                    </div>
                    <div class="weui-cell pl-30">
                        <div class="weui-cell__hd c-red">
                            ￥26
                        </div>
                        <div class="weui-cell__bd ta-r c-99 ">
                            内饰清洗
                        </div>
                    </div>
                    <div class="weui-cell pl-30 ">
                        <div class="weui-cell__hd c-red">
                            ￥260
                        </div>
                        <div class="weui-cell__bd ta-r c-99 ">
                            普洗（轿车）
                        </div>
                    </div>
                    <div class="weui-cell pl-30 ">
                        <div class="weui-cell__hd c-red">
                            ￥260
                        </div>
                        <div class="weui-cell__bd ta-r c-99 ">
                            普洗（轿车）
                        </div>
                    </div>

                </div>

            </div>




            <!--底部空行-->
            <div style="height:45px;" class="">
                &nbsp;
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        FastClick.attach(document.body);
    });

    $(".swiper-container").swiper({
        loop: true,
        autoplay: 3000
    });
</script>
</body>

</html>